<!doctype html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CloudBOX | 上传文档</title>
    <link rel="shortcut icon" href="assets/images/logo_ico.png" type="img/png"/>
    <link rel="stylesheet" href="assets/css/backend.min.css">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="assets/css/default.css">
<link href="assets/css/fileinput.css" media="all" rel="stylesheet" type="text/css" />

</head>
<body style="background-color: #fafbfe">

<!-- 头部开始 -->
<div id="loading">
    <div id="loading-center">
    </div>
</div>

	<div class="htmleaf-container">
		<header class="htmleaf-header">
            <div class="iq-sidebar-logo d-flex align-items-center justify-content-between">
                <a href="page-document.html" class="header-logo">
                    <img src="assets/images/logo.png" class="img-fluid rounded-normal light-logo" alt="logo">
                </a>
            </div>
		</header>
		<div class="container kv-main">
            <div class="page-header">
                <h3>CloudBox云盘--上传文档</h3>
            </div>
            <form enctype="multipart/form-data">
                <div class="form-group">
                    <input id="file-5" class="file" type="file" multiple>
                </div>
            </form>
        </div>
		
	</div>
    <script src="assets/js/jquery.min.js"></script>
    <script src="assets/js/backend-bundle.min.js"></script>
    <script src="assets/js/app.js"></script>
    <script src="assets/js/fileinput.js" type="text/javascript"></script>
    <script src="assets/js/fileinput_locale_zh.js" type="text/javascript"></script>
    <script src="assets/js/bootstrap.min.js" type="text/javascript"></script>
    <script type="text/javascript">

        var documentType = ['docx','doc','xlsx', 'xls', 'ppt', 'pptx', 'pdf'];
        var maxSize = 10240; //10MB
        var maxCount= 10;

        $("#file-5").fileinput({
            uploadUrl: 'cloud-document/upload',
            allowedFileExtensions : documentType,
            overwriteInitial: false,
            maxFileSize: maxSize,
            maxFileCount: maxCount,
            enctype: 'multipart/form-data',
            dropZoneTitle: '拖拽文档到这里 &hellip;',
            fileSingle: '文档',
            filePlural: '多个文档',
            removeTitle: '清除选中文档',
            uploadTitle: '上传选中文档',
            msgSizeTooLarge: '文档 "{name}" (<b>{size} KB</b>) 超过了允许大小 <b>{maxSize} KB</b>. 请重新上传!',
            msgFilesTooMany: '选择的上传文档个数 <b>({n})</b> 超出最大文档的限制个数 <b>{m}</b>. 请重新上传!',
            msgFileNotFound: '文档 "{name}" 未找到!',
            msgFileSecured: '安全限制，为了防止读取文档 "{name}".',
            msgFileNotReadable: '文档 "{name}" 不可读.',
            msgInvalidFileType: '不正确的类型 "{name}". 只支持 "{types}" 类型的文档.',
            msgInvalidFileExtension: '不正确的文档扩展名 "{name}". 只支持 "{extensions}" 的文档扩展名.',
            msgValidationError: '文档上传错误',
            msgLoading: '加载第 {index} 文档 共 {files} &hellip;',
            msgProgress: '加载第 {index} 文档 共 {files} - {name} - {percent}% 完成.',
            msgFoldersNotAllowed: '只支持拖拽文档! 跳过拖拽的文件夹.',
            //allowedFileTypes: ['image', 'video', 'flash'],
            slugCallback: function(filename) {
                return filename.replace('(', '_').replace(']', '_');
            }
        });

		</script>
</body>
</html>